{include file="common/login_header"/}
<body>
<div class="layout" style="background: url(__STATIC__/lib/index/images/bg.jpg) no-repeat top center/100% auto;padding-top: 0;">
	<div class="hlogo">
		<a href="javascript:;"><img src="__STATIC__/lib/index/images/logo.png" ></a>
	</div>
<!--	<div class="hlauger">-->
<!--		<ul>-->
<!--			<li><a href="javascript:;">中</a></li>-->
<!--			<li class="on"><a href="javascript:;">EN</a></li>-->
<!--		</ul>-->
<!--	</div>-->
	<div class="hmain">
		<div class="clearfix">
			<div class="lt">
				<div class="pic">
					<img src="__STATIC__/lib/index/images/qm1.png" >
				</div>
				<div class="textswip">
					<ul class='swiper-wrapper'>
						<li class='swiper-slide'>
							<div class="ts">
								<h3>一站式财务管理</h3>
								<p>无论是个人还是企业，我们都提供智能化全球财务管理</p>
							</div>
						</li>
						<li class='swiper-slide'>
							<div class="ts">
								<h3>一站式财务管理</h3>
								<p>无论是个人还是企业，我们都提供智能化全球财务管理</p>
							</div>
						</li>
						<li class='swiper-slide'>
							<div class="ts">
								<h3>一站式财务管理</h3>
								<p>无论是个人还是企业，我们都提供智能化全球财务管理</p>
							</div>
						</li>
					</ul>
					<div class='span'></div>
				</div>
			</div>
			<div class="rts">
				<div class="box">
					<h2>登录您的账户</h2>
					<div class="hs">
						<ul class="clearfix">
							<li class="on">账号登录</li>
							<li>手机快捷登录</li>
						</ul>
					</div>
					<div class="ovs">
						<div class="form">
							<form action="" method="post">
								<ul>
									<li>
										<label><img src="__STATIC__/lib/index/images/qm6.png" ></label>
										<input class="t1" type="text" id="" value="" placeholder="账户"/>
									</li>
									<li class="n1">
										<div class="zy">
											<label><img src="__STATIC__/lib/index/images/qm3.png" ></label>
											<input class="t1" type="password" id="" value="" placeholder="密码"/>
										</div>
										<h6><a href="#"><img src="__STATIC__/lib/index/images/qm4.png" ></a></h6>
									</li>
								</ul>
							</form>
						</div>
						<div class="form">
							<form action="" method="post">
								<ul>
									<li>
										<label><img src="__STATIC__/lib/index/images/qm2.png" ></label>
										<input class="t1" type="text" id="" value="" placeholder="手机号"/>
									</li>
									<li class="n1">
										<div class="zy">
											<label><img src="__STATIC__/lib/index/images/qm3.png" ></label>
											<input class="t1" type="text" id="" value="" placeholder="密码"/>
										</div>
										<h6><a href="#"><img src="__STATIC__/lib/index/images/qm4.png" ></a></h6>
									</li>
								</ul>
							</form>
						</div>
					</div>
					<div class="bbs">
						<div class="che">
							<input class="c1" type="checkbox" id="l1" value="" />
							<label for="l1">自动登录</label>
						</div>
						<a href="#" class="h7">忘记密码？</a>
					</div>
					<input class="sub" type="submit" id="" name="" value="登 录"/>
					<div class="bs">
						<div class="che">
							<input class="c1" type="checkbox" id="l2" value="" />
							<label for="l2">同意使用与<a href="#">隐私条款</a></label>
						</div>
						<a href="#" class="h7">立即注册</a>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
{include file="common/login_header"/}
<script type="text/javascript">
	var swiper = new Swiper('.hmain .lt .textswip', {
		pagination: {
			el: '.span',
		},
		speed:800,
		loop: true, //循环
		autoplay: {
			delay: 3000,
			stopOnLastSlide: false, //如果设置为true，当切换到最后一个slide时停止自动切换。（loop模式下无效）。
			disableOnInteraction: false, //用户操作swiper之后，是否禁止autoplay。默认为true：停止。
		}
	});

	$('.hmain .rts .box .hs li').click(function() {
		$('.hmain .rts .box .hs li').removeClass('on');
		$(this).addClass('on');
		$('.hmain .rts .box .form').hide();
		$('.hmain .rts .box .form').eq($(this).index()).show();
	})
</script>
</body>
</html>
